@import './mixin.scss';
#company_outline {
    background-color: #212c4f;
    padding: 70px 0 160px 0;
    .container {
        width: 1200px;
        margin: 0 auto;
        .title {
            width: 100%;
            height:50px!important;
            line-height: 50px;
            @include basestyle(#FFF,16px,rgba(78,117,213,1));
        }
        & > .company_outline {
            border: 1px solid #344E8F;
            box-sizing: border-box;
            ul {
                li {
                    box-sizing: border-box;
                    float: left;
                    width: 25%; 
                    height: 42.5px;
                    line-height: 42.5px;
                    border-right:1px solid #4060AF;
                    border-bottom:1px solid #4060AF;
                    @include basestyle(#FFF,14px,none,left);
                    @include overflow;
                    padding: 0 10px;
                    &:nth-child(1),&:nth-child(2){
                        width: 50%;
                    }
                    &:nth-child(2){
                        border-right:none ;
                    }
                    &:nth-child(6),&:nth-child(10),&:nth-child(14),&:nth-child(18){
                        border-right:none ;
                    }
                    &:nth-child(19),&:nth-child(20),&:nth-child(21),&:nth-child(22){
                        border-bottom:none ;
                        
                    }
                    &:last-child {
                        border-right: none;
                    }
                    span {
                        margin-left: 10px;  
                    }
                }
            }
        }
        & > .company_outline_news {
            border: 1px solid #344E8F;
            margin-top: 20px;
            & > .con_t {
                a {
                    width: 33.333333%;
                    height:50px ;
                    line-height: 50px;
                    display: inline-block;
                    @include basestyle(#FFF,16px,#204D74);
                    &.active {
                        background-color: #286090;
                    }
                }
            }
            &> .recent_event {
                .re_t {
                    a {
                        width: 12.5%;
                        box-sizing: border-box;
                        height:50px ;
                        line-height: 50px;
                        display: inline-block;
                        @include basestyle(#FFF,16px,#1A233E);
                        border-right:1px solid #4060AF;
                        border-bottom:1px solid #4060AF;
                        cursor:pointer; 
                        &:last-child {
                            border-right: none;
                        }
                        &.active {
                            background-color: #CCA33C;
                        }
                    }
                }
                .re_b {
                    min-height: 300px;
                    box-sizing: border-box;
                    padding: 20px;
                    text-align: center;
                    p {
                        overflow: hidden;
                        &:first-child {
                            line-height: 80px;
                            @include basestyle(#FFF,18px);
                        }
                        &:last-child {
                            line-height: 30px;
                            word-break: keep-all;
                            @include basestyle(#FFF,14px,none,left);
                        }
                    }
                    &.overflows {
                        height: 300px;
                        overflow: hidden;
                        p {
                            &:last-child {
                                height: 150px;
                            }
                        }
                    }
                }
                .open {
                    height: 40px;
                    line-height: 40px;
                    background-color: #204D74;
                    text-align: center;
                    cursor: pointer;
                    img {
                        vertical-align: middle;
                    }
                }
            }
            & > .hot_news, & > .company_announce {
                ul {
                    //min-height: 300px;
                    &.overflows {
                        height: 300px;
                        overflow: hidden;
                    }
                    li {
                        &:last-child {
                            div {
                                border-bottom: none!important;
                            }
                        }
                        background-color: #1D2849;
                        & > .content {
                            div {
                               
                                height:50px;
                                line-height: 50px;
                                box-sizing: border-box; 
                                @include basestyle(#FFF,14px,none,center);
                                border-bottom: 1px solid #344E8F;
                                @include overflow(); 
                                &:first-child {
                                    float: left;
                                    width: 148px;
                                    border-right: 1px solid #344E8F;
                                }
                                &:last-child {
                                    float: right;
                                    width: 1050px;
                                    text-align: left;
                                    padding:0 40px;
                                    position: relative;
                                    cursor: pointer;
                                    span {
                                       position: absolute;
                                       color: #81879D;
                                       right: 10px; 
                                       top: 0px;
                                    }
                                }
                            }
                        }
                    }
                }
                .open {
                    height: 40px;
                    line-height: 40px;
                    background-color: #204D74;
                    text-align: center;
                    cursor: pointer;
                    img {
                        vertical-align: middle;
                    }
                }
            }
        }
        & > .financial_index {
            margin-top: 20px;
            border-bottom: none;
            text-align: center;
            & > .table_box {
                border: 1px solid #344E8F;   
            }  
            & > .page {
                padding: 20px 0;
            } 
        }
        
    }
}
